<template>
    <div class="ps-col" :style="{flex:span,textAlign:hor}" @click="colClick">
        <slot></slot>
    </div>
</template>
<style lang="less" scoped>
    /*flex不默认为1，预留不需要处理元素*/
    .ps-col{
        text-align: center;
    }
</style>
<script>
    export default{
        props:{
            span: {
                type: String,
                default: "1"
            },
            hor: {
                type: String,
                default: 'left'
            }
        },
        data(){
            return{
            }
        },
        components:{
        },
        methods: {
            colClick() {
                this.$emit('handleClick')
            }
        },
        created(){

        }
    }
</script>
